/*pad*/
img{

}
.rotate
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); 	/* IE 9 */
-moz-transform:rotate(7deg); 	/* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); 	/* Opera */
}
.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}


.gh {
	float:right;
	height:34px;
	width:50px;
	top: 50%; margin-top: -17px;
	position:relative;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
	display: none;
	z-index: 9999;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #000;
	display: block;
	height: 5px;
	margin-top: -2px;
	margin-bottom: 10px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.gh.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
	background-color: #000;
	content: "";
	display: block;
	height: 5px;
	margin-bottom: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {
	top:10px;
}
.gh a:before {
	top:-10px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0; background: #fff;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}
@media only screen and (max-width:1200px) {
	
	.wrapper{
		width: 960px; 
	}
	.slider-arrow{
		left: 20px;
	}
	.slider-arrow--left{
		margin-left: 0;
	}
	.slider-arrow--right{
		left: auto; right: 20px; margin-left: 0;
	}
	.swiper-wrapper img{width: 100%;height: 520px;}
	.h_pro .body ul li:nth-child(5){
		display: none;
	}
	.h_pro2 .body ul li:nth-child(5){
		display: none;
	}
	
	.h_news_wrap .h_news{
		width: 480px;
	}
	.h_news_wrap .h_services{
		width: 440px;
	}
	.footer .logo{
		display: none;
	}
	.footer .nav{
		position: static;
	}
	.footer .nav, .footer .info, .footer .addr{
		margin-left: 0;
	}
	.aside{
		position: static; width: auto; margin-top: 20px;
	}
	.main{
		width: auto; margin-left: 0;
	}
	.ser_docs{
		width: 860px;
	}
	.gb_head{
		width: 860px;
	}
}
@media only screen and (max-width:960px) {
	
	.wrapper{
		width: 680px; 
	}
	.header .lang{
		display: none;
	}
	.header .search{
		display: none;
	}
	.gh{
		display: block;
	}
	.header .nav{
		position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8); width: auto; z-index: 99; display: none;
	}
	.header .nav ul{
		width: auto; margin-top: 10%;
	}
	.header .nav ul li{
		float: none; display: block;
	}
	.header .nav ul li a{
		color: #fff;
	}
	.header .nav ul li span{
		display: none;
	}
	.h_pro .body{
		width: 480px; margin: 0 auto;
	}
	.h_pro .body ul li{
		margin-bottom: 20px;
	}
	
	.h_pro2{
		height: auto; background-size: cover;
	}
	.h_pro2 .body{
		width: 470px; margin: 0 auto;
	}
	.h_news_wrap .h_news{
		width: auto; float: none;
	}
	.h_news_wrap .h_services{
		width: auto; float: none;
	}
	.h_services .body{
		margin: 0 auto; width: 440px;
	}
	.footer{ 
		padding-bottom: 50px; background-size: cover; height: auto; text-align: center; line-height: 3;
	}
	.footer .nav{
		width: auto;
	}
	.footer .tele{
		position: static; margin: 0 auto; margin-top: 50px; text-align: left; display: none;
	}
	
	.pro_detail{
		width: auto;
	}
	.pro_detail_nav{
		width: auto; height: auto; overflow: hidden;
	}
	.pro_detail_nav ul li{
		width: 25%;
	}
	.main{
		padding-right: 50px;
	}
	.ser_team{
		width: auto;
	}
	.ser_team .view{
		width: auto;
	}
	.ser_team .view .img{
		width: 340px;
	}
	.ser_team .view .txt{
		width: 200px; padding-left: 0; margin-left: 20px;
	}
	.ser_team .view .txt h2{
		padding-top: 10px;
	}
	.ser_support{
		width: auto;
	}
	.ser_docs{
		width: auto;
	}
	.ser_docs .nav ul{
		width: auto;
	}
	.ser_docs .nav ul li{
		margin-bottom: 10px;
	}
	.dev_docs{
		display: none;
	}
	.pro_case{
		width: auto;
	}
	.about_profile{
		width: auto;
	}
	.about_profile .list{
		width: auto;
	}
	.about_profile .list ul{
		width: auto;
	}
	.about_dev{
		width: auto;
	}
	.about_dev .texts{
		width: auto;
	}
	.about_dev .bigimg{
		padding-left: 0;
	}
	.about_dev .bigimg .img1{
		margin-right: 0;
	}
	.about_dev .nav{
		width: auto; height: auto;
	}
	.about_dev .nav ul{
		height: auto; overflow: hidden;
	}
	.about_dev .list ul li{
		margin-left: 0; width: 50%; margin-right: 0; text-align: center; margin-bottom: 20px;
	}
	.about_dev .list ul li .img{
		width: auto; height: auto;
	}
	.about_quality{
		width: auto;
	}
	.about_quality .imgs{
		width: auto;
	}
	.about_quality .imgs ul{
		width: auto;
	}
	.about_quality .imgs li{
		width: auto;
	}
	.news_list .list ul li{
		height: auto; margin-bottom: 20px;
	}
	.news_list .list ul li .img{
		width: auto; float: none; 
	}
	.news_list .list ul li .txt{
		width: auto; float: none; margin-top: 10px;
	}
	.news_detail{
		width: auto;
	}
	.contactus form ul li input,
	.contactus form ul li textarea{
		width: 74%;
	}
	
	.gb_head{
		width: auto;
	}
	.pro_text .body{
		width: auto;
	}
	.pro_list ul li .text{
		width: 390px;
	}
}

@media only screen and (max-width:680px) {
	
	.wrapper{
		width: auto; margin: 0 20px;
	}
	.header{
		height: 90px;
	}
	.right{
		display: none;
	}
	.header .logo{
		width: 100px;
	}
	.banner{
		background-size: cover !important; height: 100px; 
	}
	.banner h2{
		padding-top: 10%; font-size: 30px;
	}
	.copyright{
		height: auto; overflow: hidden; line-height: 2; padding: 10px 0;
	}
	.main{
		padding: 0 20px;
	}
	.swiper-wrapper img{width: 100%;height:225px;}
	.gb_pages ul{
		border: 0;
	}
	.gb_pages li{
		border: 0; width: auto; padding: 0 10px;
	}
	.pro_detail_con .text p{
		text-align: inherit;
	}
	.pro_detail_nav ul li{
		float: none; width: auto;
	}
	.ser_team .view{
		height: auto;
	}
	.ser_team .view .txt{
		padding-bottom: 20px;
	}
	.ser_team .view .img{
		width: auto; float: none;
	}
	.ser_team .text p{
		text-align: inherit;
	}
	.ser_docs .list li{
		height: auto; padding-bottom: 20px;
	}
	.pro_case .list ul li p{
		text-align: inherit;
	}
	.about_profile .text p{
		text-align: inherit;
	}
	.about_dev .texts{
		height: auto; padding-bottom: 20px;
	}
	.about_dev .texts .txt{
		position: static; width: auto;
	}
	.about_dev .texts .img{
		position: static; margin-top: 20px; text-align: center;
	}
	.about_dev .bigimg{
		text-align: center;
	}
	.about_dev .nav{
		padding-left: 0;
	}
	.about_dev .nav li i{
		float: none; margin: 0 auto;
	}
	.about_dev .nav li{
		width: auto; float: none; height: auto; text-align: center;
	}
	.about_dev .list ul li{
		width: auto; float: none;
	}
	.about_dev .nav li a{
		display: inline;
	}
	.about_quality .list{
		display: none;
	}
	.about_cert .list ul li{
		max-width: 100%;
	}
	.contactus form ul li input, .contactus form ul li textarea{
		width: 31%;
	}
	.slider-arrow{
		display: none;
	}
	
	/*首页*/
	.h_pro .body{
		width: auto;
	}
	.h_pro .body ul li{
		 float: left; margin-right: 0;
		width: 46%;
		margin-left: 9px;
		padding-top: 36px;
	}
	.h_pro .body .img img{
		width: 203px;
	}
	.h_pro2 .body{
		width: auto;
	}
	.h_pro2 .body ul li{
		float: left; margin: 0 auto;width: 46%;
	}
	.h_about{
		height: auto; padding-bottom: 20px;
	}
	.h_about .img{ 
		position: static; margin-right: 0;
	}
	.h_about .text{
		margin-left: 0; margin-top: 20px;
	}
	.h_news_wrap .h_news .body ul li{
		height: auto;
	}
	.h_news_wrap .h_news .body ul li .img{
		float: none; 
	}
	.h_news_wrap .h_news .body ul li .text{
		margin-top: 10px;
	}
	
	.h_services .body{
		width: auto;
	}
	.pro_text .body p{
		text-align: left;
	}
	.pro_list{
		width: auto;
	}
	.pro_list ul li{
		height: auto; overflow: hidden; margin-bottom: 20px;
	}
	.pro_list ul li .img{
		float: none;
	}
	.pro_list ul li .text{
		width: auto; float: none;
	}
	.appleft{background-color:#f5f5f5;font-size: 18px;font-family: "微软雅黑" Arial}
	
	
}